*{
    padding: 0;
    margin: 0;

}

*:hover{
    /*鼠标悬停变小手*/
    cursor: pointer;
}
nav .container{
    width: 90%;
    /*margin-left: 10%;*/

}

/*主体*/
body, html {
    font-family: microsoft yahei, sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    color: #555;
    width: 100% !important;
    height: 100% !important;
    /*background-color: #d5d5d5;*/
    background-image: url("../img/testimonial-bg.jpg");
    background-attachment: fixed;
    background-size: cover;

}

.navbar{
    /*display: inline-block;*/
    margin-right: auto;
}


h1{
    font-weight: 800;
    /*color: white;*/
    color: white;
    text-transform: uppercase;
    letter-spacing: 8px;
    /*margin-bottom: 50px;*/
    font-size: 50px;
    margin: 0;
}
.midup h1{
    color: #d5d5d5;
}


.intro-text{

    padding-top: 30px;
}

body .jumbotron{
    width: 100%;
    height: 100%;
    padding: 0;
    /*background-color: #3e8f3e;*/
    /*padding-top: 100px;*/
    background-image: url("../img/intro-bg.jpg");
    background-size: cover;
}

.jumbotron{
    margin-bottom: 0;
}
.jumbotron .home{

    text-align: center;
    float: none;
    padding: 0;

}

.midup{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.jumbotron .home .page-scroll{
    /*background-color: #3e8f3e;*/
    width: 70px;
    height: 70px;
    /*border-width: 6px;*/
    border-color: #e9e9e9;
    /*background-color: yellow;*/
    border-radius: 35px;
    /*line-height: 100%;*/
    /*line-height: 100%;*/
    text-align: center;
}

.jumbotron .home .page-scroll:hover{
    background-color:#6E6864;
}

.jumbotron .home i:hover{

    animation-name: stretch;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    /*animation-delay: 0;*/
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}

/*.jumbotron .home i{*/

/*}*/

@keyframes stretch {
    0% {
        transform: scale(1);

    }
    100% {
        transform: scale(1.3);
        /*background-color: yellow;*/
    }
}

.jumbotron .home  i{
    color: gold;
    font-size: 42px;
    line-height: 100%;
    width: 100%;
    height: 100%;
    padding-top: 15%;

    /*display: inline-block;*/
    /*animat;*/
    /*animation-iteration-count: infinite;*/
    /*transition: all 0.5s;*/
    /*background-color: #46b8da;*/
    /*animation-duration: 2000ms;*/
}

.row-centered{
    display: inline-block;
    text-align: center;
    /*transition: all;*/
}

.col-centered{
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
}

.jumbotron .home .intro-text{

    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 50px;
}

.brand-heading {
    color: #F4D03F;
    text-transform: uppercase;
    letter-spacing: -2px;

}


/*基本资料*/
#midup2{
    width: 100%;
    height: auto;
    padding-bottom: 5%;
    background-color: #999999;
    text-align: center;
    margin: 0;
    position: relative;
    background-image: url("../img/prettyPhoto/dark_square/contentPattern.png");
    background-size: cover;
}

#navbar ul{
    float: right;
}


#midup2  .content2 .meMessage{
    padding-top: 60px;
    color: #d5d5d5;

}

hr {
    display: inline-block;
    width: 10%;
    border-width: 6px;
    /*background-color: gainsboro;*/
    /*background-color: gold;*/
    border-color: gold;
}

#midup2  .content3{

    width: 100%;
    /*height: 200px;*/
    /*!*bac*!*/
    /*text-align: center;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*background-color: #46b8da;*/
}


#midup2  .content3 ul{
    /*display: inline;*/
    width: 100%;
    height: 100%;
    /*background-color: yellow;*/
    /*text-align: center;*/
    /*padding-top: 30px;*/
    /*margin: 0;*/
}

/*.midup2  .content3 row {*/
    /*color: gold;*/

/*}*/

#midup2  .content3  ul li{

    display: inline-block;

    width: 300px;

}

#midup2  .content3  ul li p{
    /*display: inline;*/
    color: #e8e8e8;

}

#midup2  .content3 li i{
    color: gold;
    font-size: 60px;
    transition: all 0.6s;
    /*!*width: 100px;*!*/


}

#midup2  .content3 li i:hover{
    transform: scale(1.5);
    color: gold;
}

#midup2  .content3 li h4{
    margin: 20px 0;
    color: gold;
}

.project{
    text-align: center;
    padding-top: 3%;
    /*background-color: #999999;*/
}
/*项目经验*/
.filtr-item {
    padding: 1rem;
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}

#selectedImg{
    /*background-color: #999999;*/
}

#selectedImg .simplefilter{
    text-align: center;
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding: 1rem 2rem;
}
.simplefilter li {
    background-color: #585858;
}
.simplefilter li.active {
    background-color: gold;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}

.majorSkill{
    width: auto;
    height: auto;
    /*display: inline-block;*/
    background-color: gold;
    text-align: center;
    position: relative;
    /*background-image: url("../img/testimonial-bg.jpg");*/
    background-size:cover ;
    padding-bottom: 5%;
    /*margin-top: 6%;*/
    padding-top: 5%;
}


.majorSkill .content2{

   text-align: center;
    /*color: #d5d5d5;*/
    /*background-color: #985f0d;*/
    /*background-image;*/
}

.majorSkill .content2 h1{
    color: #5e5e5e;
}
.majorSkill .content2 div{
    height: auto;
}

.majorSkill .content2 div img{
    height: auto;
    width: 30%;
    background: #985f0d;
}

.majorSkill .row{
    background-color: gold;
    margin: 0;
}

.majorSkill .row div{
    /*width: 50%;*/
    /*
        问题：该标签内容在设置宽度后，其孙子标签内容过长的话会导致标签位置下移，所以这里不设置宽度
    */
    height: auto;
    padding: 2%;
}


.majorSkill .row .content7 span{
    font-size: 30px;

}

/*.majorSkill .row .content7 span{*/
    /*!*display: inline-block;*!*/
    /*text-align: left;*/

/*}*/

.majorSkill .row .content7 .yidong{
    /*display: inline;*/
    /*float: left;*/
    /*line-height: 100%;*/
    padding-top: 2%;
    text-align: left;
    /*height:300px;*/
    width: 100%;
    /*background-color:rebeccapurple;*/
}

.majorSkill .row .content7 .glyphicon{
    color: #f9f9f9;
}

.majorSkill .row .content7 .types{
    font-size: 20px;
}

#experience{
    width: 100%;
    /*height: 300px;*/
    background-color: #5e5e5e;
    padding-bottom: 3%;
}

#experience .content2{
    text-align: center;
    padding-top: 3%;

}

#experience .content2 .meMessage{
    color: #8c8c8c;
}
/*#experience .content2 hr{*/
    /*background-color: #8c8c8c;*/
/*}*/

#experience .container{
    text-align: center;
    color: #8c8c8c;
}

#experience .content8{
    text-align: center;
    /*background-color: greenyellow;*/
    /*width: 100%;*/
}
#experience .content8 ul{
    list-style: none;
    padding-top: 3%;
    width: 100%;
    /*background-color: #8c8c8c;*/
}

#experience .content8 ul li{
    width: 150px;
    height: 200px;
    display: inline-block;
    /*background-color: yellow;*/
    margin-left: 3%;
    margin-top: 15px;
    /*margin-right: 2%;*/
}

#testimonial{
    text-align: center;
    /*background-color: #985f0d;*/
    width: 100%;
    height: 600px;

    /*background-size: cover;*/
}

#testimonial .meMessage{
    padding: 3%;
    width: 100%;
    margin: 0;
}

#carousel-example-generic{
    padding: 20px 20px;
    height: 300px;
    display: inline-block;
    /*margin-right: auto;*/
    /*margin-left: auto;*/
    text-align: center;
    /*background-color: yellow;*/
    /*position: relative;*/
}

#carousel-example-generic .carousel-inner p{
    /*width: 60%;*/
    text-align: center;
    display: inline-block;
    color: white;
    transform: translateY(50%);
    font-size: 15px;
}

/*#carousel-example-generic .carousel-inner {*/
    /*transform: translateY(50%);*/
/*!*line-height: 100%;*!*/
/*}*/


#carousel-example-generic .carousel-inner{

    width: 100%;
    height: 50%;
    /*line-height: 100%;*/

    /*background-color: #3e8f3e;*/

    transform: translateY(50%);
}

#contact{
    text-align: center;
    background-color: #e9e9e9;
    width: 100%;
    /*height: 600px;*/
    padding: 3% 0;

    /*background-size: cover;*/
}

#contact .meMessage{
    color: #999999;
}
/*#contact .content8 hr{*/
    /*!*width: 20px;*!*/
    /*!*height: 30px;*!*/

/*}*/


#contact .row{
    width: 80%;
    /*width: 20%;*/
    /*text-align: center;*/
    margin-left: auto;
    margin-right: auto;
}

#contact .col-md-4 span{
    font-size: 35px;
    padding: 20px 0;
    color: gold;
}

#contact .col-md-4 p{
    font-size: 15px;
    color: #999999;
    /*display: inline-block;*/
}

#contact .sendMessage{
    padding-top: 20px;
    font-size: 25px;
}

/*#contact .row{*/
    /**/
    /*!*text-align: center;*!*/
/*}*/

#contact  .send .row .col-md-6{
    /*padding: 0;*/
    /*width: 100%;*/
    /*margin: 0;*/
    text-align: center;
}

#contact .send {
    width: 60%;
    /*text-align: center;*/
    margin-right: auto;
    margin-left: auto;
}

#contact .send .row{

    padding: 30px 0;
    width: 100%;
    /*text-align: center;*/
    /*display: inline-block;*/
}

#contact .row input{
    width: 100%;
    /*margin: 0;*/
}

#contact .row .form-group input{
    width: 100%;
    /*margin: 0 auto;*/
    /*padding: 0;*/
    /*text-align: center;*/
}


#contact .mail-content{
    width: 100%;
    padding: 0 15px;
    /*margin: 0 auto;*/
}


#footer{
    height: 9%;
    /*background-color: #999999;*/
    /*border-width: 2px;*/
    /*box-shadow: #e9e9e9;*/
    /*text-align: center;*/
    /*position: relative;*/
    /*left: -50%;*/
}

#footer .container-mine{
    width: 100%;
    /*height: 60%;*/
    /*background-color: #46b8da;*/
    /*设置垂直居中步骤：1.将块级标签设置成display: inline;2.标签需要有内容才能显示出来宽和高*/
    display: inline-block;
    /*margin: 0 auto;*/
    text-align: center;
    /*position: absolute;*/
    /*float: left;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*margin: -50px 0 0 -50px;*/

}

#footer p{
    /*width: 50%;*/
    text-align: center;
    display: inline;
    /*margin: 0;*/
    float: left;
    margin-top: 3%;
    padding-left: 2%;
    color: #f9f9f9;
    /*padding-left: 2%;*/
    /*line-height: 100%;*/
    /*margin:auto;*/
    /*margin-left: ;*/
    /*width:200px;*/
    /*transform: translateY(50%);*/
}

#footer ul{
    margin-top: 2%;
    padding-right: 2%;
    /*display: inline-block;*/
    list-style: none;
    float: right;
    text-align: center;
    /*margin: 0;*/
}

#footer ul li{
    font-size: 25px;
    display: inline-block;
    padding-right: 10px;
    color: #f9f9f9;
}

#footer ul li:hover{
    color: gold;
}

#content {
    height: auto;
    width: 100%;
    background-color: #46b8da;
}